<template>
    <div class="page">
        <div class="contentBox"> 
            <!-- <van-result type="success" /> -->
            <p>生成失败，请重试</p>
            <p class="reason">原因:上传图像中没有人脸</p>
        </div>
        <div class="contentBtn">
            <van-button class="btn1" @click="uploadImg">重新上传图片</van-button><br>
            <div class="btn2" @click="notTry">不再重试</div>
        </div>
        <!-- <input
            id="uploaFile"
            type="file"
            accept="image/*"
            @change="onFileChange($event)"
        /> -->
    </div>
</template>

<script lang="ts" name="failedPage" setup>
import {useRouter} from 'vue-router'
import {
    ROUTER_NAME_SELECT_IMG_PAGE,
    ROUTER_NAME_CLIP_PAGE
} from '../../route'
const router = useRouter()
const uploadImg = () => {
    router.push({
        name:ROUTER_NAME_SELECT_IMG_PAGE,
    })
}
const notTry = () => {
    router.push({
        name:ROUTER_NAME_SELECT_IMG_PAGE
    })
}
</script>

<style lang="less" scoped>
.page { 
    color: white;
    text-align: center;
    padding-top: 77%;
}
.reason {
    color: #777;
    font-size: 14px;
}
.contentBox {
    top: 40%;
    position: relative;
    padding-bottom: 57%;
}
.contentBtn {
    position: relative;
}
.btn1 {
    background-color: black;
    border: 1px solid white;
    border-radius: 20px; 
    width: 90%;
    color: white;
    letter-spacing: 2px;
    font-size: 18px;
}
.btn2 {
    position: relative;
    margin-top: 20px;
    font-size: 10px;
}
</style>